<template>
	<div class="header">
		<div class="left">
			<span class="iconfont">&#xeb99;</span>
		</div>
		<div class="center">
			<span class="iconfont">&#xeb9c;</span>
			<span>输入城市/景点/游玩主题</span>
		</div>
		<div class="right">
			<span >长沙</span>
			<span class="iconfont">&#xe6aa;</span>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.header{
		height: 2.75rem;
		background-color: #00BCD4;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		text-align: center;
	}
	.header .left{
		width: 2.5rem;
	}
	.header .center{
		flex: 1;
		background-color: #FFFFFF;
		border-radius: 0.25rem;
		height: 1.875rem;
		line-height: 1.875rem;
		color: #EAEAEA;
		font-size: 0.875rem;
		text-align: left;
		padding-left: 0.25rem;
	}
	.header .right{
		width: 4rem;
		font-size: 0.875rem;
	}

</style>
